// 每个页面都必须显示的调用 Page 函数
// Page 函数接收一个对象，用来配置当前页面相关的选项属性
// 例如 data 用来初始化驱动视图的数据，好比 Vue 中组件的 data

Page({

  /**
   * 页面的初始数据
   */
  data: {
    message: 'hello world',
    todos: [
      {
        id: 1,
        title: '吃饭',
        done: false
      },
      {
        id: 2,
        title: '睡觉',
        done: true
      },
      {
        id: 3,
        title: '写代码',
        done: false
      },
      {
        id: 4,
        title: '唱歌',
        done: false
      }
    ],
    seen: true
  },

  // 事件处理函数直接写到和 data 平级即可
  handleTap (event) {
    console.log('tab 触碰了')
    console.log(event)

    // 触发该事件的标签中所有以 data-xxx 格式的属性都会通过以下属性来获取
    console.log(event.currentTarget.dataset)
  },

  handleViewTap () {
    console.log('view tap')
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    console.log('购物车页面下拉刷新了')
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    
  }
})